<template>
    <div class="swiper-container swiH" >
    <div class="swiper-wrapper">
      <div class="swiper-slide">
           <img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3567198570,2954183049&fm=26&gp=0.jpg" alt="">
           </div>
      <div class="swiper-slide">
          <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpicnew12.photophoto.cn%2F20180621%2Fxianhuawangyelunbobannersheji-29888921_1.jpg&refer=http%3A%2F%2Fpicnew12.photophoto.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1618061606&t=24096efdb89e23cc1c7d9f9e4eacce92" alt="">
      </div>
      <div class="swiper-slide">
          <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F00%2F00%2F07%2F0957809398ac29c.jpg&refer=http%3A%2F%2Fbpic.588ku.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1618061606&t=89d1580308186df5e981273fb0d87065" alt="">
          </div>
      <div class="swiper-slide">
          <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1322801850,4020386632&fm=26&gp=0.jpg" alt="">
          </div>
      <div class="swiper-slide">
          <img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1451171301,2291584655&fm=26&gp=0.jpg" alt="">
      </div>
      <div class="swiper-slide">
          <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F00%2F00%2F07%2F105781f0588d43f.jpg&refer=http%3A%2F%2Fbpic.588ku.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1618061606&t=8ff804e1c343d01950edf9712e64e20d" alt="">
      </div>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
  </div>
</template>

<script>
import swper from 'swiper'
    export default {
   mounted() {
     new swper('.swiper-container', {
      pagination: {
        el: '.swiper-pagination',
       
      },
      autoplay:true,
      loop:true,
      clickable: true,
    });
},

// updated() {
//  new swper('.swiper-container', {
//       pagination: {
//         el: '.swiper-pagination',
        
//       },
//       autoplay:true,
//       loop:true
//     });
// },

    
    }
</script>

<style scoped>
     
    .swiH{
        margin-top: 9vh;
         height: 25vh;
    /*     background: rgb(50, 230, 95); */
        color: white;
        text-align: center;

    }
    
    img{
        width:100%;
        height: 25vh;

    }
    
</style>